<!--
 * new page
 * @author: xuaolei
 * @since: 2022-08-25
 * searchArtist.vue
-->
<script setup lang="ts">
import { Ref } from "vue";

const props = defineProps({
  list: {
    // 歌手信息
    type: Array<any>,
    required: true,
  },
  loading: {
    type: Boolean,
    default: false,
  },
});
</script>

<template>
  <div class="list-container">
    <template v-for="item in list">
      <ArtistItem :item="item"></ArtistItem>
    </template>
    <template v-if="loading">
      <Loading />
    </template>
  </div>
</template>

<style scoped lang="scss">
.list-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 40px;

  &::after {
    content: "";
    width: 30%;
  }
}
</style>
